<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
%>
<!DOCTYPE html>
<html>
<head>
    <title>我的列表</title>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
    <meta name="description"
          content="Write an awesome description for your new site here. You can edit this line in _config.yml. It will appear in your document head meta (for Google search results) and in your feed.xml site description.10 ">

    <!-- Swiper容器-->
    <link rel="stylesheet" href="style.css">
    <!-- body 最后 -->
    <script src="https://cdn.bootcss.com/jquery/1.11.0/jquery.min.js"></script>
    <script src="https://cdn.bootcss.com/jquery-weui/1.2.0/js/jquery-weui.min.js"></script>
    <!-- 如果使用了某些拓展插件还需要额外的JS -->
    <script src="https://cdn.bootcss.com/jquery-weui/1.2.0/js/swiper.min.js"></script>
    <script src="https://cdn.bootcss.com/jquery-weui/1.2.0/js/city-picker.min.js"></script>

    <!-- Swiper的容器-->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.0.2/js/swiper.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.0.2/js/swiper.min.js"></script>

    <!--页面切换-->
    <script src="https://res.wx.qq.com/open/libs/zepto/1.1.6/zepto.js"></script>
    <script src="https://cdn.bootcss.com/jquery-weui/0.8.2/js/jquery-weui.min.js"></script>
    <!--weui css-->
    <link rel="stylesheet" href="https://cdn.bootcss.com/weui/1.1.0/style/weui.min.css"/>
    <!--jQuery weui-->
    <link rel="stylesheet" href="https://cdn.bootcss.com/jquery-weui/0.8.0/css/jquery-weui.min.css">
    <!--切换样式-->
    <style type="text/css">
        .weui_navbar_item.weui_bar_item_on {
            color: #2196F3;
            cursor: pointer;
        }

        /*tab 切换*/
        .weui_navbar_item {
            position: relative;
            display: block;
            -webkit-box-flex: 1;
            -webkit-flex: 1;
            flex: 1;
            padding: 6px;
            text-align: center;
            font-size: 15px;
            /* align-items: center; */
            line-height: 35px;
            -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        }

        .weui_navbar_item::after {
            content: "";
            position: absolute;
            right: 0;
            top: 0;
            width: 1px;
            bottom: 0;
            border-right: 1px solid #CCCCCC;
            -webkit-transform-origin: 100% 0;
            transform-origin: 100% 0;
            -webkit-transform: scaleX(.5);
            transform: scaleX(.5);
        }

        .weui_navbar_item
        .weui_bar_item_on {
            color: #2196F3;
            transition: all 0.5s ease-in;
        }

        .container,
        .page {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0
        }

        .global_navs .cell:before,
        .global_navs:after,
        .global_navs:before {
            border-color: #D9DBDA
        }

        body,
        html {
            height: 100%;
            -webkit-tap-highlight-color: transparent
        }

        .page,
        body {
            background-color: #FBF9FE
        }

        .container {
            overflow: hidden
        }

        .page {
            overflow-y: auto;
            -webkit-overflow-scrolling: touch
        }

        .hd {
            padding: 2em 0
        }

        .page_desc {
            text-align: center;
            color: #888;
            font-size: 14px
        }

        .bd.spacing {
            padding: 0 15px
        }

        .page_title {
            text-align: center;
            font-size: 34px;
            color: #3CC51F;
            font-weight: 400;
            margin: 0 15%
        }

        .page.button .page_title,
        .page.cell .page_title {
            color: #225FBA
        }

        .global_navs {
            background-color: transparent
        }

        .page.article,
        .page.dialog,
        .page.icons,
        .page.msg,
        .page.toast {
            background-color: #FFF
        }

        .global_navs .cell {
            padding-top: .5em;
            padding-bottom: .5em
        }

        .global_navs .icon_nav {
            width: 28px;
            height: 28px;
            display: block;
            margin-right: .7em
        }

        .page.button .bd {
            padding: 0 15px
        }

        .page.button .button_sp_area {
            padding: 10px 0;
            width: 60%;
            margin: 0 auto;
            text-align: justify;
            text-justify: distribute-all-lines;
            font-size: 0
        }

        .page.button .button_sp_area:after {
            display: inline-block;
            width: 100%;
            height: 0;
            font-size: 0;
            margin: 0;
            padding: 0;
            overflow: hidden;
            content: "."
        }

        .page.cell .bd {
            padding-bottom: 30px
        }

        .page.dialog .bd,
        .page.toast .bd {
            padding: 120px 15px 0
        }

        .page.msg .weui_msg {
            padding-top: 30px
        }

        .page.article .page_title {
            color: #DE7C23
        }

        .page.icons {
            text-align: center
        }

        .page.icons .page_title {
            color: #3E24BD
        }

        .page.icons .bd {
            padding: 30px 0;
            text-align: center
        }

        .page.icons .icon_sp_area {
            padding: 10px 20px;
            text-align: left
        }

        .page.icons i {
            margin: 0 5px 10px
        }

        @-webkit-keyframes slideIn {
            from {
                -webkit-transform: translate3d(100%, 0, 0);
                transform: translate3d(100%, 0, 0)
            }
            to {
                -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0)
            }
        }

        @keyframes slideIn {
            from {
                -webkit-transform: translate3d(100%, 0, 0);
                transform: translate3d(100%, 0, 0)
            }
            to {
                -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0)
            }
        }

        @-webkit-keyframes slideOut {
            from {
                -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0)
            }
            to {
                -webkit-transform: translate3d(100%, 0, 0);
                transform: translate3d(100%, 0, 0)
            }
        }

        @keyframes slideOut {
            from {
                -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0)
            }
            to {
                -webkit-transform: translate3d(100%, 0, 0);
                transform: translate3d(100%, 0, 0)
            }
        }

        .page.slideIn {
            -webkit-animation: slideIn .2s forwards;
            animation: slideIn .2s forwards
        }

        .page.slideOut {
            -webkit-animation: slideOut .2s forwards;
            animation: slideOut .2s forwards
        }

        body {
            background: #f0f0f0;
        }

        .wees.wees-a {
            margin-top: 3%;
        }

        .wees-b {
            margin-top: 0px;
        }

        .wees-e {
            margin-top: 3%;
        }

        .wees-f {
            margin-top: 0px;
        }

        .wees-g {
            margin-top: 0px;
        }

        .wees-h {
            margin-top: 0px;
        }

        .wess {
            padding-top: 4%;
            padding-bottom: 4%;
        }

        .we.we-a {
            padding-bottom: 6%;
            padding-top: 6%;
        }

        .we {
            padding-top: 4%;
            padding-bottom: 4%;
        }

        .omg-a {
            padding-top: 14%;
        }

        .img-a {
            width: 40px;
            height: 40px;
        }

        img {
            width: 22px;
            height: 22px
        }

        .one {

            padding-right: 5%;
        }

    </style>

</head>

<body ontouchstart>
<!--页面切换必须要添加js_container-->
<div class="container js_container">
    <div class="page">
        <div class="weui_tab">
            <!--底部菜单-->
            <div class="weui-tabbar">
                <a href="#tab1" class="weui_navbar_item">
                    <img src="/static/weixin/images/zd.png" alt="">
                    <p class="weui-tabbar__label">账单</p>
                </a>
                <a href="#tab2" class="weui_navbar_item">
                    <img src="/static/weixin/images/sp.png" alt="">
                    <p class="weui-tabbar__label">商铺</p>
                    <a href="#tab3" class="weui_navbar_item  weui_bar_item_on">
                        <img src="/static/weixin/images/wd.png" alt="">
                        <p class="weui-tabbar__label">我的</p>
                    </a>
            </div>
            <!--菜单对应panel-->
            <div class="weui_tab_bd">
                <!--tab1  医生管理面板-->
                <div id="tab1" class="weui_tab_bd_item ">
                    账单.......
                </div>
                <!--tab2  我的面板-->
                <div id="tab2" class="weui_tab_bd_item">
                    商铺........
                </div>
                <div id="tab3" class="weui_tab_bd_item weui_tab_bd_item_active">
                    <div class="weui-cells wees wees-a">

                        <a class="weui-cell weui-cell_access we we-a " href="javascript:;">
                            <div class="weui-cell__hd"><img class="img-a" src="${pd.PHOTO_URL}"></div>
                            <div class="weui-cell__bd">
                                <p>${pd.NICK_NAME}</p>
                            </div>
                            <div class="weui-cell__ft">
                            </div>
                        </a>
                    </div>


                    <div class="weui-cells wees wees-b">
                        <div class="weui-cell omg-a">
                            <div class="weui-cell__bd">
                                <p></p>
                            </div>
                            <div class="weui-cell__ft"></div>
                        </div>
                    </div>


                    <div class="weui-cells wees wees-e">
                        <a class="weui-cell weui-cell_access we we-b" href="/weixin/my_news">
                            <div class="weui-cell__hd one"><img src="/static/weixin/images/xx.png"></div>
                            <div class="weui-cell__bd">
                                <p>我的消息</p>
                            </div>
                            <div class="weui-cell__ft">
                            </div>
                        </a>
                    </div>


                    <div class="weui-cells wees wees-f">
                        <a class="weui-cell weui-cell_access we we-c" href="/weixin/weixin_con">
                            <div class="weui-cell__hd one"><img src="/static/weixin/images/ht.png"></div>
                            <div class="weui-cell__bd">
                                <p>我的合同</p>
                            </div>
                            <div class="weui-cell__ft">
                            </div>
                        </a>
                    </div>


                    <div class="weui-cells wees wees-g">
                        <a class="weui-cell weui-cell_access we we-d" href="/weixin/my_property">
                            <div class="weui-cell__hd one"><img src="/static/weixin/images/sd.png"></div>
                            <div class="weui-cell__bd">
                                <p>水电物业</p>
                            </div>
                            <div class="weui-cell__ft">
                            </div>
                        </a>
                    </div>


                    <div class="weui-cells wees wees-h">
                        <a class="weui-cell weui-cell_access we we-b" href="javascript:;">
                            <div class="weui-cell__hd one"><img src="/static/weixin/images/tj.png"></div>
                            <div class="weui-cell__bd">
                                <p>统计分析</p>
                            </div>
                            <div class="weui-cell__ft">
                            </div>
                        </a>
                    </div>

                </div>
            </div>
        </div>
    </div>
</div>

</body>
</html>